{template header_common}
<script type="text/javascript">

    ;(function ($) {
        $.fn.extend({
            showMsg:function (settings) {
                var opts = $.extend({
                    'text':'你点到我了',
                    'event':'click'
                }, settings);

                $(this).on(opts.event, function () {
                    var text = $(this).attr('data-text');
                    DSXUI.infomation(text);
                });
            },
            DSX_Scroll:function () {
                var self = this;
                setInterval(function () {
                    $(self).animate({'margin-top':'-38px'}, 'fast', function () {
                        $(self).find("li").first().appendTo(self);
                        $(self).css({'margin-top':'0'});
                    });
                }, 3000);
            }
        });
    })(jQuery);
</script>
<div class="area">
    <div style="overflow: hidden; height: 38px; width: 300px; margin: 30px auto; clear: both;">
        <ul id="test" style="line-height: 38px; font-size: 38px;">
            <li data-text="1111">11111</li>
            <li data-text="2222">22222</li>
            <li data-text="3333">33333</li>
            <li data-text="4444">44444</li>
            <li data-text="5555">55555</li>
            <li data-text="6666">66666</li>
        </ul>
    </div>
</div>
<script>
    $("#test").DSX_Scroll();
</script>
{template footer_common} 